<template>
  <div class="navigationItem">
    <slot slot-scope="item" :class="{
      'active':active
    }"></slot>
  </div>
</template>

<script>
import { createNamespacedHelpers } from "vuex";
const { mapState, mapActions } = createNamespacedHelpers(
  "overview/navigation"
);
export default {
  props: {
    index: {
      type: Number,
      required: true
    },
    route: [String, Object],
    disabled: Boolean
  },
  computed: {
     ...mapState(['current']),
     active(){
       debugger
       return this.current === this.index;
    }
  },
mounted() {

},
};
</script>
<style lang="less">




</style>

